// 颜色值
$bgColor: #00040f;
$theadColor: #f5f7fa;
$mapPageColor: #FAFAFA;

$btn-main-color: #2a78cb;
$btn-hover-color: #1558a0;

$lightcyan: #87e543;
$red: #e73632;
$yellow: #e1c35a;
$skyblue: #38d2f3;
$font-blue: #b4d3ff;

// 页面布局边距
$page-margin:12px;
$page-padding: 10px;
$toolbal-height: 52px;

@font-face {
  font-family: "WombyRegular";
  src: url("~@/assets/fonts/Womby-Regular/Womby-Regular.eot"); /* IE9 */
  src: url("~@/assets/fonts/Womby-Regular/Womby-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("~@/assets/fonts/Womby-Regular/Womby-Regular.woff") format("woff"), /* chrome, firefox */
  url("~@/assets/fonts/Womby-Regular/Womby-Regular.ttf") format("truetype"), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url("~@/assets/fonts/Womby-Regular/Womby-Regular.svg#ButlerBlack") format("svg"); /* iOS 4.1- */
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "HanyiRhombic";
  src: url("~@/assets/fonts/Hanyi-Rhombic/Hanyi-Rhombic.ttf") format("truetype"); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  
  font-style: normal;
  font-weight: normal;
}

@mixin flex($flex-flow:row, $justify-content:center, $align-items:center) { 
  display: flex;
  flex-flow: $flex-flow;
  justify-content: $justify-content;
  align-items: $align-items;
}

@mixin padding($x: 0, $y: 0) { 
  padding: $y $x;
  box-sizing: border-box;
}